import {Steps, TabItem, Tabs} from "@astrojs/starlight/components";

import ZulipTip from "../../components/ZulipTip.astro";

import MoreVerticalIcon from "~icons/zulip-icon/more-vertical";
import SmileIcon from "~icons/zulip-icon/smile";

The reactions view lets you see all of your messages that have received at least
one [emoji reaction](/help/emoji-reactions). You can see what resonated with
others, or confirm that key stakeholders have seen and responded to a message.

<Tabs>
  <TabItem label="Desktop/Web">
    <Steps>
      1. Click on <SmileIcon /> **Reactions** in the left
         sidebar. If the **views** section is collapsed, click on
         the **ellipsis** (<MoreVerticalIcon />),
         and select <SmileIcon /> **Reactions**.
      1. Browse your reactions. You can click on a message recipient bar to go
         to the [conversation](/help/reading-conversations) where you sent the message.
    </Steps>

    <ZulipTip>
      You can also [search all messages with reactions](/help/search-for-messages) using the
      `has:reaction` filter.
    </ZulipTip>
  </TabItem>
</Tabs>
